import { useEffect, useState } from "react"
import { Button } from "antd"
import { Outlet, Route, RouterProvider, Routes, useNavigate } from "react-router-dom"
import { Container } from "@/layout/Container"
import { useFontSize } from "./hooks/useFontSize"
import { router } from "@/router"

function App() {
  const { fun } = useFontSize()

  useEffect(() => {
    console.log("QQQ")
    fun()
  }, [])
  const r = useNavigate()

  return (
    <>
      <Container style={{ border: "1px solid red" }}>
        <Outlet></Outlet>
      </Container>
    </>
  )
}

export default App
